
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"  template="/template/layoutSIRENAS.xhtml">


	<ui:define name="content">
		
		<h3 align="left"></h3>
		<p:panelGrid id="gridFichaArbitro" layout="grid" styleClass="ui-panel" style="width: 100%;">
			<p:row id="datosFichaArbitro">
				<p:column  style="text-align:center"  >
					<ui:repeat  value="#{sessionScope.fichaRegistro}" var="ficha">
						<p:outputLabel style="font-weight: bold;" value="NRO REGISTRO:" rendered="#{not empty ficha.numFicha}"/>
					    <h:outputText id="numFicha" value="#{ficha.numFicha}" rendered="#{not empty ficha.numFicha}"/>
					    	<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="Estado : "/>
						<p:spacer width="5"/>
					    <h:outputText id="estado" value="#{ficha.estadoFicha.nomEstado}" />
							<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="Fecha de Actualización del estado : " rendered="#{not empty ficha.estadoFicha.fecInicio}"/>
						<p:spacer width="5"/>
					    <h:outputText id="inicio" value="#{ficha.estadoFicha.fecInicio}" rendered="#{not empty ficha.estadoFicha.fecInicio}">
							<f:convertDateTime pattern="dd-MM-yyyy" />
						</h:outputText>
					    	<p:spacer width="30"/>
						<p:outputLabel style="font-weight: bold;" value="HASTA:" rendered="#{not empty ficha.estadoFicha.fecFin}"/>
						<p:spacer width="5"/>
					    <h:outputText id="fin" value="#{ficha.estadoFicha.fecFin}" rendered="#{not empty ficha.estadoFicha.fecFin}">
							<f:convertDateTime pattern="dd-MM-yyyy" />
						</h:outputText>
						
						<p:commandButton id="btnInformeFisca" value="REGISTRAR INFORME FISCALIZACION"  
							actionListener="#{bandejaFiscalizacionBean.verDetalleInformeFiscalizacion}" 
							icon="ui-icon-key" 
							rendered="#{(sessionScope.auditoria.rolUsuario eq'ADMIN') and (sessionScope.fichaRegistro.enFiscalizacion)}" />		
	
						<p:commandButton id="btnVerHistorico" value="VER HISTORICO FISCALIZACION"  
							actionListener="#{bandejaFiscalizacionBean.verHistoricoFiscalizacion}" 
							icon="ui-icon-key" 
							rendered="#{sessionScope.auditoria.rolUsuario eq'ADMIN'}" />
							
						<p:dialog id="dialogInformeFiscalizacion" widgetVar="dialogInformeFiscalizacion" header="INFORME FINAL DE FISCALIZACION" closable="true"  dynamic="true" >
							<ui:include  src="popupFiscalizacionRegInforme.xhtml"  />
						</p:dialog>
						
						<p:dialog id="dialogHistoricoFiscalizacion" widgetVar="dialogHistoricoFiscalizacion" header="HISTORICO DE FISCALIZACION" closable="true"  dynamic="true" >
							<ui:include  src="popupFiscalizacionHistorico.xhtml"  />
						</p:dialog> 
												
						<p:dialog id="dialogInformeDetalle" widgetVar="dialogInformeDetalle" header="DETALLE INFORME DE FISCALIZACION" closable="true"  dynamic="true" >
							<ui:include  src="popupFiscalizacionInformeDetalle.xhtml"  />
						</p:dialog>
					</ui:repeat>
				</p:column>
			</p:row>
			<p:row>
				<p:column style="text-align:left;">
					<h:form>
						<p:commandButton value="VER CONSTANCIA" id="btnVerDetalle" 
							actionListener="#{registroArbitroModalidadBean.generaConstanciaPdf}"  icon="ui-icon-search" />
							
						<p:commandButton value="VER VISTA PREVIA" id="btnVerVistaPrevia" 
							actionListener="#{registroArbitroModalidadBean.generaVistaPreviaFicha}"  icon="ui-icon-search" />
							
						<p:remoteCommand name="refresh" update="dialogVisorPDF"/>
						<p:dialog id="dialogVisorPDF" widgetVar="dialogVisorPDF" header="VISTA DOCUMENTO PDF" closable="true"  onHide="refresh()"
							dynamic="true" width="750px" height="500px" modal="true" appendTo="@(body)">
							<ui:include  src="visorArchivoPdf.xhtml"  />
						</p:dialog> 
					</h:form>
				</p:column>
			</p:row>
			<p:row>
				<p:column style="text-align:center"  >
					<p:tabView id="tabViewArbitro" prependId="false" dynamic="true" cache="false" style="display: inline-block; width: 100%">
			           <p:ajax event="tabChange" listener="#{registroArbitroEspecialidadBean.onChange}" />
						<p:tab id="tabFormAcademica"  title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.academica']}" >
							<ui:include src="vistaFormacionAcademica.xhtml"  /> 
						</p:tab>
						<p:tab id="tabContrataciones" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.contrataciones']}">
							<ui:include src="vistaContrataciones.xhtml" />
						</p:tab>
						<p:tab id="tabArbitraje" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.arbitraje']}">
							<ui:include src="vistaArbitraje.xhtml" />
						</p:tab>
						<p:tab id="tabAdministrativo" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.derecho']}">
							 <ui:include src="vistaDerechoAdmin.xhtml" /> 
						</p:tab>
						<p:tab id="tabModalidad" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.modalidad']}">
							<ui:include src="vistaModalidadArbitro.xhtml" />
						</p:tab>
						<p:tab id="tabIncidencias" title="#{rbSirenasUI['sirenas.ui.ficha.arbitro.vista.incidencias']}" 
							rendered="#{sessionScope.auditoria.rolUsuario eq 'ADMIN'}">
							<ui:include src="vistaIncidencias.xhtml" /> 
						</p:tab>
					</p:tabView>
				</p:column>
			</p:row>
		</p:panelGrid>
		
		<p:dialog id="dialogBuscarContrataciones" widgetVar="dialogBuscarContrataciones" header="BUSCADOR DE CONTRATACIONES" closable="true" 
							dynamic="true" width="680px" height="500px" modal="true" appendTo="@(body)" >
			<ui:include  src="popupTrayectoriaBusqueda.xhtml"  />
		</p:dialog>
					
		
		
	</ui:define>
</ui:composition>
